<!doctype html>
<html lang="zh-CN">
<script>
  var token = localStorage.getItem('token') || sessionStorage.getItem('token');
  if (!token) {
    var search = location.search;
    var redirect = 'redirect=resume-edit';
    var queryStr = search ? search + '&' + redirect : '?' + redirect;
    location.replace('login.html' + queryStr);
  }
</script>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>编辑简历</title>

  <!-- Bootstrap -->
  <link rel="stylesheet" href="bootstrap.min.css">

  <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
  <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

  <style>
    .box {
      padding: 10px;
      margin: 10px 0;
      box-shadow: 0 0 2px 1px #ccc;
      border-radius: 5px;
    }

    #myForm {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      padding-top: inherit;
    }

    #myForm>.wraper {
      position: relative;
      height: 100%;
    }

    #myForm .p1 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 54px;
      padding: 10px 0;
    }

    #myForm .p2 {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 54px;
      overflow: scroll;
      padding-bottom: 100px;
    }
  </style>
</head>

<body style="display: none;">
  <form id="myForm" role="form" class="form-horizontal">
    <div class="wraper">
      <div class="p1">
        <div class="container clearfix">
          <div class="pull-left btn" style="font-weight: bold; pointer-events: none;">编辑简历</div>
          <div class="pull-right">
            <button type="submit" class="submit btn btn-primary">保存简历</button>
            <button type="button" class="del btn btn-primary">删除简历</button>
            <button type="button" class="preview btn btn-primary">预览简历</button>
          </div>
        </div>
      </div>
      <div class="p2">
        <div class="container">
          <div class="box">
            <h4>简历设置：</h4>
            <div class="form-group">
              <label for="title" class="col-sm-2 control-label">简历标题</label>
              <div class="col-sm-10">
                <input class="form-control" id="title" name="title" placeholder="一个简洁明了能够准确表达简历特色的标题" required>
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label">是否公开</label>
              <div class="col-sm-10">
                <div class="form-control">
                  <label>
                    <input type="radio" name="public" value="1">
                    公开<span class="text-muted">（所有人可见）</span>
                  </label>
                  <label style="margin-left: 20px;">
                    <input type="radio" name="public" value="0">
                    私有<span class="text-muted">（仅本人可见）</span>
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div class="box">
            <h4>个人信息：</h4>
            <div class="form-group">
              <label for="name" class="col-sm-2 control-label">姓名</label>
              <div class="col-sm-10">
                <input class="form-control" id="name" name="name" placeholder="请输入您的姓名">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label">性别</label>
              <div class="col-sm-10">
                <div class="form-control">
                  <label><input type="radio" name="sex" value="1"> 男</label>
                  <label style="margin-left: 20px;"><input type="radio" name="sex" value="0"> 女</label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="birth" class="col-sm-2 control-label">生日</label>
              <div class="col-sm-10">
                <input type="date" class="form-control" id="birth" name="birth">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <label for="begin_work" class="col-sm-2 control-label">参加工作时间</label>
              <div class="col-sm-10">
                <input type="date" class="form-control" id="begin_work" name="begin_work">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <label for="email" class="col-sm-2 control-label">邮箱</label>
              <div class="col-sm-10">
                <input type="email" class="form-control" id="email" name="email" placeholder="请输入您的邮箱">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <label for="phone" class="col-sm-2 control-label">手机号码</label>
              <div class="col-sm-10">
                <input type="tel" class="form-control" id="phone" name="phone" placeholder="请输入您的手机号码"
                  pattern="^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$" data-error="手机号码格式错误">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <label for="job_status" class="col-sm-2 control-label">当前求职状态</label>
              <div class="col-sm-10">
                <select class="form-control" id="job_status" name="job_status">
                  <option value="">--请选择--</option>
                  <option value="0">离职-随时到岗</option>
                  <option value="1">在职-暂不考虑</option>
                  <option value="2">在职-考虑机会</option>
                  <option value="3">在职-月内到岗</option>
                </select>
                <div class="help-block with-errors"></div>
              </div>
            </div>
          </div>
          <div class="box">
            <h4>个人优势：</h4>
            <div id='advantage'></div>
          </div>
        </div>
      </div>
    </div>
  </form>

  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="jquery.min.js"></script>
  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <script src="bootstrap.min.js"></script>
  <script src="1000hz.validator.min.js"></script>
</body>

</html>